Ext.define('framenet.view.viewport', {
    extend: 'Ext.container.Viewport',
    renderTo: 'viewPanel',//Ext.getBody(),
    requires: [
        'framenet.view.mainTree',
        'framenet.view.tabPanel'
    ],
    layout: {
        type: 'border'
    },
    initComponent: function() {
        var me = this;

        Ext.applyIf(me, {
            items: [{xtype: 'maintree', region: 'west'}, {xtype: 'maintabpanel', region: 'center'}]
        });

        me.callParent(arguments);
    }
});